@@include("_includes/header.html", {"title": "DemoHelper"})
<div class="wrapper">
<div class="content">
    <section>
        <h2>DemoHelper</h2>

        <img src="/img/demohelper/DemoHelperIcon.png" alt="DemoHelper Icon" width="128" height="128">
        <p>A tool which helps in demonstrations, presentations or if you
        just need to explain someone something on your computer.</p>
        <p>DemoHelper is an annotation and screen zoom tool you can use for
        technical presentations that include application demonstrations.</p>
        <p>DemoHelper runs unobtrusively in the system tray and is activated
        by either customizable hotkeys or the context menu of the tray icon.</p>
        <p>You can draw on the screen to mark special areas, or you can zoom in on an area on the screen.</p>
        <p>Use cases include meetings where you have to explain something on
        the screen or teachers presenting lectures to students in computer classes.</p>
        <p>DemoHelper runs on Microsoft Windows 2000 and later.</p>

        <h3 id="basic">Basic operation</h3>
        <p>DemoHelper runs in the system tray, where you can activate
        and configure it with a simple right-click:</p>
        <img src="/img/demohelper/DemoHelperContextmenu.png" alt="DemoHelper Context Menu" width="113" height="110">
        <p>In the options dialog, you can configure the hotkeys for the
        two main modes of operation: zooming and drawing.</p>
        <img src="/img/demohelper/DemoHelperOptions.png" alt="DemoHelper Options" width="354" height="451">
        <p>To start the drawing mode, either press the hotkey you configured
        for it, or doubleclick on the icon in the system tray.
        Once in drawing mode, you can draw on the screen:</p>
        <img src="/img/demohelper/DemoHelperExample.png" alt="DemoHelper Example" width="510" height="297">
        <p>As shown in the screenshot above, it's possible to draw arrows
        and lines in different colors. Also a special "Marker" is available
        to highlight areas on the screen, as done above with the
        "file2.*" filenames.</p>
        <p>The colors are merged together with the screen by default.
        But it's possible to draw with solid colors if needed.</p>



        <h3 id="keyboard">Keyboard shortcuts</h3>
        <h4 id="zooming">Zooming Mode</h4>
        <dl>
            <dt>up</dt>
            <dd>zooms in</dd>
            <dt>down</dt>
            <dd>zooms out</dd>
            <dt>enter or left mouse click</dt>
            <dd>activates drawing of the zoomed area</dd>
            <dt>escape</dt>
            <dd>cancels zooming mode</dd>
        </dl>
        Zooming is also possible using the mouse wheel.

        <h4 id="drawing">Drawing Mode</h4>
        <dl>
            <dt>up/down or Ctrl-Mousewheel</dt>
            <dd>increases/decreases the size of the drawing brush</dd>
            <dt>right or Mousewheel</dt>
            <dd>cycles through the available brush colors</dd>
            <dt>0-9</dt>
            <dd>select the brush colors</dd>
            <dt>Shift while drawing</dt>
            <dd>forces horizontal/vertical drawing</dd>
            <dt>Control while drawing</dt>
            <dd>drawing straight lines</dd>
            <dt>right mouse-drag</dt>
            <dd>draws arrow lines</dd>
            <dt>right mouse-drag with control key pressed</dt>
            <dd>draws straight lines</dd>
            <dt>escape</dt>
            <dd>quits drawing mode</dd>
            <dt>backspace</dt>
            <dd>removes the last line drawn</dd>
            <dt>delete</dt>
            <dd>removes the first line drawn</dd>
            <dt>E</dt>
            <dd>removes all drawn lines</dd>
            <dt>M</dt>
            <dd>toggles the marker on/off</dd>
            <dt>T</dt>
            <dd>toggles between solid and merged drawing</dd>
            <dt>Z</dt>
            <dd>select a rectangle to zoom in</dd>
            <dt>C</dt>
            <dd>clears the screen with the background color</dd>
        </dl>
        <p>Now go to the <a href="https://code.google.com/p/demohelper/downloads/list">download</a> page.</p>
    </section>
</div>
</div>
@@include("_includes/footer.html")
